<template>
  <div>
    <el-menu
      :default-active="activeIndex"
      class="el-menu-demo"
      mode="horizontal"
      background-color="#050F1E"
      text-color="#fff"
      active-text-color="#89eaff">
      <!-- <el-menu-item index="0"><div class="block"><el-avatar :size="50" :src="circleUrl"></el-avatar></div></el-menu-item> -->
      <!-- <el-menu-item index="2" @click="activeIndex = '2'"><i class="el-icon-video-camera"></i>摄像头</el-menu-item> -->
      <!-- <el-menu-item index="3" @click="activeIndex = '3'"><i class="el-icon-s-data"></i>频谱图</el-menu-item> -->
      <el-menu-item index="4" @click="activeIndex = '4'"><i class="el-icon-setting"></i>天线列表</el-menu-item>
    </el-menu>
    <Servo v-if="activeIndex == '3'"></Servo>
    <Setting v-if="activeIndex == '4'"></Setting>
  </div>
</template>
<script>


import { Servo } from './servo'
import { Setting } from './setting'
export default {
    components: {
        Servo,
        Setting,
    },
  data() {
    return {
        circleUrl:'',
        activeIndex: '4',
        usedSave: '',
        totalSave: '',
        resave:"",
    };
  },
  methods: {
  }
};
</script>
<style>
.el-menu.el-menu--horizontal{
  border-bottom: solid 1px #797979 !important;
}
</style>
<style lang="scss">
  
</style>
